/* 基础样式 */
	.container {
		padding: 0;
		background-color: #f5f5f7;
		min-height: 100vh;
		font-size: 28rpx;
		line-height: 1.5;
		position: relative;
		--primary-color: #007AFF;
		--warning-color: #FF5252;
		--success-color: #4CAF50;
		--info-color: #2196F3;
		--text-primary: #1a1a1a;
		--text-secondary: #666;
		--text-light: #999;
		--border-radius: 16rpx;
		--box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
	}

	/* 通用间距和圆角 */
	.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24rpx 30rpx;
}

.section-count {
	font-size: 24rpx;
	color: #999;
	margin-left: 8rpx;
}

	.section-title {
		font-size: 32rpx;
		font-weight: 600;
		color: #1a1a1a;
	}

	/* 顶部标题栏 */
	.top-bar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: var(--primary-color);
		color: #fff;
		padding: 40rpx 30rpx 20rpx;
		position: sticky;
		top: 0;
		z-index: 1000;
	}

	.title {
		font-size: 36rpx;
		font-weight: 600;
	}

	.user-info {
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.user-role {
		margin-right: 10rpx;
		font-size: 28rpx;
	}

	.user-arrow {
		width: 24rpx;
		height: 24rpx;
	}

	/* 增强数据卡片区 */
	.cards-container {
		display: flex;
		padding: 0 20rpx;
		margin: -20rpx 0 30rpx;
		box-sizing: border-box;
		gap: 20rpx;
	}
	
	.card-progress {
		margin: 15rpx 0;
		width: 80%;
	}
	
	.card-progress progress {
		border-radius: 6rpx;
		overflow: hidden;
	}
	
	.card-progress progress::-webkit-progress-bar {
		background-color: #f0f0f0;
		border-radius: 6rpx;
	}
	
	.card-progress progress::-webkit-progress-value {
		background-color: var(--primary-color);
		border-radius: 6rpx;
		transition: width 0.3s ease;
	}

	.card {
		flex: 1;
		background-color: #fff;
		border-radius: 16rpx;
		padding: 28rpx 20rpx;
		margin: 0 10rpx;
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
		text-align: center;
		transition: all 0.3s ease;
	}

	.card-hover {
		transform: translateY(-4rpx);
		box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.08);
	}

	.card-title {
		font-size: 26rpx;
		color: #666;
		display: block;
	}

	.card-value {
		font-size: 48rpx;
		font-weight: 700;
		color: #1a1a1a;
		margin: 15rpx 0;
		display: block;
		line-height: 1;
	}

	.card-trend {
		font-size: 24rpx;
		color: #00C853;
	}

	.card-trend.down {
		color: #F44336;
	}

	/* 今日任务区 */
	.task-section {
	background-color: transparent;
	border-radius: 16rpx;
	margin: 0 20rpx 24rpx;
	box-shadow: none;
	overflow: hidden;
}

/* 空状态样式 */
.empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60rpx 0;
	text-align: center;
	min-height: 240rpx;
}

.empty-icon {
	width: 100rpx;
	height: 100rpx;
	opacity: 0.6;
	margin-bottom: 20rpx;
}

.empty-text {
	font-size: 28rpx;
	color: #333333;
	margin-bottom: 10rpx;
	font-weight: 500;
}

.empty-subtext {
	font-size: 24rpx;
	color: #999999;
}

	.section-tabs {
		display: flex;
		gap: 16rpx;
	}

	.tab {
		font-size: 26rpx;
		padding: 6rpx 18rpx;
		border-radius: 20rpx;
		cursor: pointer;
	}

	.tab.active {
		background-color: #E3F2FD;
		color: #1976D2;
		font-weight: 500;
	}

	/* 今日团期区域样式 */
	.task-scroll {
		/* 改为最小高度，根据内容自适应 */
		min-height: 180rpx;
		max-height: 460rpx;
		padding: 0 0 0 8rpx;
		overflow-y: auto;
	}

	.task-groups-container {
		width: 100%;
		overflow: visible;
		box-sizing: border-box;
		/* 添加动态高度支持 */
		display: flex;
		flex-direction: column;
	}

	.task-list {
		/* 垂直排列所有团期 */
		width: 100%;
	}

	.task-item {
	width: 100%;
	margin-bottom: 12rpx; /* 减少间距使布局更紧凑 */
	background-color: #ffffff;
	border-radius: 24rpx;
	padding: 18rpx; /* 增加内边距让单条数据更饱满 */
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
	box-sizing: border-box;
	position: relative;
	overflow: visible;
	padding-right: 36rpx;
	box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.03);
	/* 确保单条数据时有足够的高度 */
	min-height: 120rpx;
}

	.task-item::before {
		content: '';
		position: absolute;
		left: 0;
		top: 8rpx; /* 调整位置让圆角显示完整 */
		bottom: 8rpx;
		width: 8rpx;
		background: linear-gradient(to bottom, #1890ff, #52c41a);
		border-radius: 0 4rpx 4rpx 0; /* 为渐变条添加圆角 */
	}

	.task-item:last-child {
		margin-bottom: 0;
	}

	.task-hover {
		transform: translateY(-4rpx);
		box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.08);
		background-color: #fafafa;
	}

	.task-info {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	/* 移除底部外边距，让内容更紧凑 */
}

.task-detail {
	font-size: 26rpx;
	color: #595959;
	line-height: 1.6;
	display: flex;
	flex-wrap: wrap;
	gap: 16rpx;
	word-break: break-all;
	background-color: #f8f8f8;
	padding: 12rpx 20rpx;
	border-radius: 12rpx;
	margin-top: 12rpx;
	/* 确保详细信息区域更丰满 */
	min-width: 100%;
}

.task-icon-wrapper {
	width: 96rpx; /* 增大图标尺寸 */
	height: 96rpx;
	border-radius: 20rpx; /* 改为圆角矩形更现代 */
	background: linear-gradient(135deg, #E3F2FD, #BBDEFB); /* 添加渐变背景 */
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20rpx;
	flex-shrink: 0;
	transition: all 0.3s ease;
	box-shadow: 0 4rpx 12rpx rgba(25, 118, 210, 0.1);
}

	.task-hover .task-icon-wrapper {
		transform: scale(1.05);
	}

	.task-icon {
		width: 40rpx;
		height: 40rpx;
	}

	.task-text {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	justify-content: center;
}

.task-name {
	font-size: 31rpx; /* 增大字号 */
	font-weight: 600;
	color: #1976D2; /* 使用主题色让名称更突出 */
	margin-bottom: 12rpx;
	line-height: 1.3;
	/* 增加文字阴影提升质感 */
	text-shadow: 0 1rpx 2rpx rgba(25, 118, 210, 0.1);
}

/* 优化任务序号样式 */
.task-order {
	font-size: 36rpx;
	font-weight: 700;
	color: #1976D2;
	/* 确保序号在视觉上更突出 */
	text-shadow: 0 2rpx 4rpx rgba(25, 118, 210, 0.2);
}

.task-detail-item {
	display: flex;
	align-items: center;
}

	.task-detail-item::before {
		content: '•';
		margin-right: 8rpx;
		color: #8c8c8c;
	}

	.task-status {
		align-self: flex-end;
		padding: 12rpx 24rpx;
		border-radius: 24rpx;
		font-size: 26rpx;
		font-weight: 500;
		background-color: #e6f7ff;
		color: #1890ff;
	}

	.status-ready {
		background-color: #e6f7ff;
		color: #1890ff;
	}

	.status-preparing {
		background-color: #f6ffed;
		color: #52c41a;
	}

	/* 增强功能按钮区 */
	.func-section {
		background-color: #fff;
		border-radius: 16rpx;
		margin: 0 20rpx 24rpx;
		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
		overflow: hidden;
		position: relative;
	}
	
	.func-badge {
		position: absolute;
		top: 5rpx;
		right: 15rpx;
		background-color: #FF5252;
		color: white;
		border-radius: 50%;
		width: 36rpx;
		height: 36rpx;
		text-align: center;
		line-height: 36rpx;
		font-size: 22rpx;
	}
	
	/* 新增状态面板样式 */
	.status-panel {
		display: flex;
		justify-content: space-around;
		padding: 20rpx;
		margin: 0 20rpx 24rpx;
		background-color: #fff;
		border-radius: var(--border-radius);
		box-shadow: var(--box-shadow);
		gap: 20rpx;
	}
	
	.status-panel button {
		flex: 1;
		padding: 15rpx;
		border-radius: 8rpx;
		font-size: 26rpx;
		background-color: #f5f5f7;
		color: var(--text-secondary);
		border: none;
		transition: all 0.3s ease;
	}
	
	.status-panel button.active {
		background-color: var(--primary-color);
		color: white;
		transform: translateY(-2rpx);
		box-shadow: 0 4rpx 12rpx rgba(0, 122, 255, 0.2);
	}
	
	/* 浮动按钮样式 */
	.float-buttons {
		position: fixed;
		right: 20rpx;
		bottom: 120rpx;
		display: flex;
		flex-direction: column;
		gap: 20rpx;
		z-index: 999;
	}
	
	.float-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 220rpx;
		height: 80rpx;
		border-radius: 40rpx;
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
		border: none;
		transition: all 0.3s ease;
		padding: 0 20rpx;
		white-space: nowrap;
	}
	
	.float-btn.primary {
		background-color: var(--primary-color);
		color: white;
	}
	
	.float-btn.warning {
		background-color: var(--warning-color);
		color: white;
	}
	
	.float-btn:active {
		transform: scale(0.95);
	}
	
	.btn-icon {
		width: 36rpx;
		height: 36rpx;
		margin-right: 10rpx;
		filter: brightness(0) invert(1);
	}

	.func-grid {
		display: flex;
		flex-wrap: wrap;
		padding: 0 10rpx 20rpx;
	}

	.func-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 25%;
		padding: 15rpx 10rpx;
		box-sizing: border-box;
		cursor: pointer;
	}

	.func-hover {
		background-color: #f9f9f9;
		border-radius: 12rpx;
	}

	.func-icon-wrapper {
		width: 80rpx;
		height: 80rpx;
		border-radius: 16rpx;
		background-color: #f0f7ff;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 15rpx;
	}

	.func-icon {
		width: 40rpx;
		height: 40rpx;
	}

	.func-text {
		font-size: 24rpx;
		color: #333;
		text-align: center;
	}

	/* 最新通知区 */
	.notice-section {
		background-color: #fff;
		border-radius: 16rpx;
		margin: 0 20rpx 30rpx;
		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
		overflow: hidden;
	}

	.more-link {
		font-size: 26rpx;
		color: #007AFF;
		cursor: pointer;
	}

	.notice-list {
		padding: 0 30rpx 20rpx;
	}

	.notice-item {
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		border-bottom: 1rpx solid #f1f1f1;
		cursor: pointer;
	}

	.notice-item:last-child {
		border-bottom: none;
	}

	.notice-hover {
		background-color: #f9f9f9;
	}

	.notice-dot {
		width: 12rpx;
		height: 12rpx;
		border-radius: 50%;
		background-color: #F44336;
		margin-right: 20rpx;
	}

	.notice-content {
		flex: 1;
		display: flex;
		justify-content: space-between;
	}

	.notice-title {
		font-size: 28rpx;
		color: #333;
	}

	.notice-time {
		font-size: 24rpx;
		color: #999;
	}
	
	/* 在现有样式中添加以下内容 */
	.user-avatar {
	  width: 60rpx;
	  height: 60rpx;
	  border-radius: 50%; /* 圆形头像 */
	  margin-right: 10rpx;
	  border: 2rpx solid rgba(255, 255, 255, 0.8); /* 白色边框增加层次感 */
	}
	
	/* 可以考虑添加默认头像样式，当没有头像时显示 */
	.default-avatar {
	  width: 60rpx;
	  height: 60rpx;
	  border-radius: 50%;
	  background-color: rgba(255, 255, 255, 0.3);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin-right: 10rpx;
	}
	
	.default-avatar-text {
	  color: white;
	  font-size: 28rpx;
	  font-weight: 500;
	}

